$(document).ready(function()
{
    loadEvent();
})


function loadEvent(){
     $.getJSON("./result").done(function(events){
        Eventdisplay(events);
        console.log("加载中")
     }).fail(function(e){
        console.log(e);
          console.log("加载失败")
     });
}

function Eventdisplay(events){
        var table = $("<table #eventView></table>");
         var tr = $("<tr></tr>");
          tr.append("<td>日期</td>");
          tr.append("<td>记录</td>");
          tr.append("<td>图片</td>");
          tr.append("<td>删除</td>");
             tr.append("<td>修改</td>");
         table.append(tr);
         for(var event of events){
              var tr = $("<tr></tr>");
              tr.append("<td>"+event.date+"</td>");
              tr.append("<td>"+event.event+"</td>");
              tr.append("<td>"+"<img src='./image/upload/" + event.picture + "'/>"+"</td>");
              tr.append( "<td><a href='Delete?eventId="+event.id+"'>删除</a></td>" );
               tr.append("<td><a href='UpdateHtml?eventId="+event.id+"'>修改</a></td>")
              table.append(tr);
        }

        $("#eventView").empty().append(table);
}






